<template>
  <div>
   <chat-nav></chat-nav>
   <chat-friends  :AllUsers="Allusers" />
  </div>
</template>

<script>
import ChatNav from './ChatNav'
import ChatFriends from './ChatFriends.vue'
export default {
  components: { ChatNav, ChatFriends },
  name: '',
  data () {
    return {
      Allusers:[],
      
    }
  },
  computed:{
    _id(){
      return this.$store.state._id
    }
  },
  activated(){
      this.$axios({
      url:'/chat/allusers'
    }).then(data=>{
      this.Allusers = data.data
      // console.log(this.Allusers)
    })
  },
  mounted(){
    
    
    
  },
  methods:{
  
}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
